<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>学生成绩管理系统登录</title>
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <div class="form-div">
      <form action="/loginServlet" method="get" id="form">
        <h1 id="loginMsg">登录</h1>
        <p>登录类型:
          <select id="role" name="role">
            <option value="student">Student</option>
            <option value="teacher">Teacher</option>
            <option value="admin">Administrator</option>
          </select>
        </p>
        <p>用户名:<input id="username" name="username" type="text"> </p>
        <p>密码:<input id="password" name="password" type="password"> </p>
        <div id="subDiv">
          <input type="submit" class="button" value="登录">
          <input type="reset" class="button" value="重置">
          <a href="register.html">没有账号?点击注册!</a>
        </div>
      </form>
    </div>
  </body>
</html>